<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>01_浮动_简介</title>
    <style>
      .outer {
        width: 400px;
        height: 400px;
        background: skyblue;
        img {
          width: 100px;
          height: 100px;
          float: right;
        }
      }
    </style>
  </head>

  <body>
    <div class="outer">
      <img src="../../images/1.jpg" alt="" />
      <div class="test">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim dolorem
        possimus quos vero omnis necessitatibus maxime architecto ea quam.
        Numquam, eveniet. Dolore recusandae tempora nisi ex delectus rerum
        veritatis numquam enim cumque quia in ullam sed iure culpa, esse
        consequatur itaque quisquam suscipit accusamus pariatur adipisci! Libero
        consequatur molestiae cupiditate totam aspernatur molestias, error optio
        quia in quos, minus explicabo. Architecto a distinctio voluptas aut
        corporis, atque laboriosam perspiciatis aliquam mollitia repudiandae
        consectetur saepe ullam praesentium illo dolore quae optio temporibus
        nemo quo enim facilis id, maxime doloremque omnis. Aliquam sequi totam
        quasi maiores placeat minima quis possimus unde facilis.
      </div>
    </div>
  </body>
</html>
